import styled from "styled-components";

export const RelevantGameOutBox = styled.div`
  width: 97%;
  position: absolute;
  overflow: hidden;
  height: 100px;

  div {
    width: 100%;
    height: 100px;
    opacity: 1;
    transform: scale(1.2);
    position: absolute;
    filter: blur(5px);
    float: left;
    background-image: url(${props => props.imageUrl});
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150% 150%;
  }
`
export const RelevantGameInnerBox = styled.div`
  user-select: none;
  position: relative;
  width: inherit;
  height: 100px;
  padding: 10px;
  opacity: 0.9;
  p {
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 20px;
  }

`
